/* Start | Colour Elements */

.white {
	color: #ffffff;
}
.black {
	color: #1a1b1c;
}
.dark_gray {
	color: #5b5b5b;
}
.gray {
	color: #9e9e9e;
}
.light_gray {
	color: #e0e2e5;
}
.blue {
	color: #76a0b4;
}
.green {
	color: #8cb811;
}

/* End | Colour Elements */


/* Start | Layout Elements */

body {
	background: #fff url('../images/bg_body.gif') repeat-x 0px 80px;
	margin: 0;
	padding: 0;
	color:#666;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
#banner {
	display: block;
	overflow: visible;
	width: 100%;
	height: 80px;
	background: #fff url('../images/bg_banner.gif') repeat-x;
	margin: 0;
	padding: 0;
}
.banner_container {
	display: block;
	position: relative;
	width: 945px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
}
.content {
	display: block;
	width: 925px;
	background: #fff url('../images/bg_content_white.gif') repeat-x;
	margin-bottom:50px;
	overflow: hidden;	
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* End | Layout Elements */


/* Start | General Elements */

p {
	font-family: "lucida grande", tahoma, arial, verdana, sans-serif;
}
a {
	cursor: pointer;
	outline: none;
}
ul.bulleted {
	display: block;
	position: relative;
	float: left;
	width: 153px;
	margin: 0;
	padding: 5px 0 0 22px;
	list-style-type: disc;
}
ul.bulleted li {
	margin: 0;
	padding: 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #5b5b5b;
}
ul.bulleted li a {
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #76a0b4;
	text-decoration: none;
}
ul.bulleted li a:hover {
	color: #5b5b5b;
	text-decoration: none;
}
ul.divided {
	display: block;
	float: left;
	width: 184px;
	background: transparent url('../images/bg_pane.gif') repeat-y;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.divided li {
	height: 40px;
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #9e9e9e;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #1a1b1c;
}
ul.divided li a {
	position: relative;
	margin: 0;
	padding: 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #76a0b4;
	text-decoration: none;
}
ul.divided li a:hover {
	color: #5b5b5b;
	text-decoration: none;
}
#divider {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 1px;
	background: #dfe0df;
	margin: 0;
	padding: 0;
}
#left_panel_20 .heading {
	display: block;
	position: relative;
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	font: normal 14pt/29pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #5b5b5b;
}
#left_panel_20 p {
	display: block;
	position: relative;
	float: left;
	width: 175px;
	margin: 0;
	padding: 0 0 10px 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #5b5b5b;
}
#left_panel_20 a {
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #76a0b4;
	text-decoration: none;
}
#left_panel_20 a:hover {
	color: #5b5b5b;
	text-decoration: none;
}
#footer {
	display: block;
	position: relative;
	clear: both;
	margin: 60px 0 0 0;
	padding: 67px 10px 30px 10px;
	width: 905px;
	margin: 0 auto;
}

/* End | General Elements */


/* Start | Nav Elements */

#top_nav {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 0px;
	height: 31px;
	margin: 0;
	padding: 0;
}
#top_nav ul {
	margin: 0;
	padding: 0;
}
#top_nav li {
	display: inline;
	float: right;
	height: 31px;
	margin: 0 0 0 2px;
	list-style-type: none;
}
#top_nav li a {
	float: left;
	height: 31px;
	background: url('../images/top_nav_matrix.gif');
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	outline: none;
	color: #666666;
	font: 8pt arial, verdana, sans-serif;
	font-weight:bold;
}
#top_nav li a:hover {
	color: #000000;
}
#top_nav li a.active{
	color: #000000;
}
#top_nav li a .nav_text{
	position:relative;top:40%;

}

#top_nav li.home a {
	width: 84px;
	background-position: 0px 0;
}
#top_nav li.home a:hover {
	background-position: 0px -31px;
}
#top_nav li.home a.active {
	background-position: 0px -62px;
}

#top_nav li.learn a {
	width: 84px;
	background-position: -84px 0;
}
#top_nav li.learn a:hover {
	background-position: -84px -31px;
}
#top_nav li.learn a.active {
	background-position: -84px -62px;
}
#top_nav li.find a {
	width: 84px;
	background-position: -168px 0;
}
#top_nav li.find a:hover {
	background-position: -168px -31px;
}
#top_nav li.find a.active {
	background-position: -168px -62px;
}
#top_nav li.connect a {
	width: 84px;
	background-position: -252px 0;
}
#top_nav li.connect a:hover {
	background-position: -252px -31px;
}
#top_nav li.connect a.active {
	background-position: -252px -62px;
}
#left_nav ul {
	display: block;
	position: relative;
	width: 175px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#left_nav li.level_1 {
	display: block;
	height: 20px;
	width: 175px;
	background: #76a0b4;
	margin: 0;
	padding: 12px 13px 0 13px;
	font: bold 10pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff;
}
#left_nav li.level_2 a  {
	display: block;
	background: #e0e2e5 url('../images/bg_left_nav_level_2.gif') no-repeat bottom right;
	margin: 0;
	padding: 3px 13px 5px 13px;

	font: normal 8.5pt/10pt arial, verdana, sans-serif;
	color: #5b5b5b;
}

/* workaround for IE */
#left_nav li.level_2{
	border-bottom: 1px solid #fff;
}


#left_nav li.level_2:hover {
	color: #000;
}
#left_nav li.level_2_active {
	display: block;
	background: #666 url('../images/bg_left_nav_level_2_active.gif') no-repeat bottom right;
	margin: 0;
	padding: 3px 13px 5px 13px;
	font: normal 8.5pt/10pt arial, verdana, sans-serif;
	color: #fff;
}
#left_nav li.level_3 a {
	display: block;
	background: #fff url('../images/bullet_arrow.gif') no-repeat 5px 5px;
	margin: 0 10px;
	padding: 4px 3px 5px 15px;
	border-bottom: 1px dotted #c6c6c6;
	font: normal 8.5pt/10pt arial, verdana, sans-serif;
	color: #6f91b3;
}
#left_nav li.level_3 a:hover {
	color: #000;
}
#footer #nav {
	float: left;
	width: 905px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* html #footer #nav { /* IE6 Adjustments */
	padding: 4px 0 2px 0;
}
*:first-child+html #footer #nav { /* IE7 Adjustments */
	padding: 4px 0 2px 0;
}
#footer #nav li {
	display: inline;
	background: transparent url('../images/footer_separator_nav.gif') no-repeat top right;
	background-position: 0;
	margin: 0 3px 0 0;
	padding: 0 0 0 9px;
	font: normal 8.5pt arial;
	color: #868585;
}
#footer #nav li.first {
	display: inline;
	background: none;
	margin: 0 3px 0 0;
	padding: 0;
	font: normal 8.5pt arial;
	color: #868585;
}
#footer #nav li a {
	display: inline;
	margin: 0;
	padding: 0;
	font: normal 8.5pt arial;
	color: #99abdb;
	text-decoration: none;
	text-transform: uppercase;
}
#footer #nav li a:hover {
	color: #000;
	text-decoration: none;
}
#footer #shortcuts {
	float: left;
	width: 905px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* html #footer #shortcuts { /* IE6 Adjustments */
	padding: 4px 0 2px 0;
}
*:first-child+html #footer #shortcuts { /* IE7 Adjustments */
	padding: 4px 0 2px 0;
}
#footer #shortcuts li {
	display: inline;
	background: transparent url('../images/footer_separator_shortcuts.gif') no-repeat top right;
	background-position: 0;
	margin: 0 3px 0 0;
	padding: 0 0 0 9px;
	font: normal 8.5pt arial;
	color: #868585;
}
#footer #shortcuts li.first {
	display: inline;
	background: none;
	margin: 0 3px 0 0;
	padding: 0;
	font: normal 8.5pt arial;
	color: #868585;
}
#footer #shortcuts li a {
	display: inline;
	margin: 0;
	padding: 0;
	font: normal 8.5pt arial;
	color: #b6b5b5;
	text-decoration: none;
	text-transform: capitalize;
}
#footer #shortcuts li a:hover {
	color: #767474;
	text-decoration: none;
}
/* End | Nav Elements */


/* Start | Heading Elements */

.heading_blue {
	display: block;
	float: left;
	height: 17px;
	background: #76a0b4;
	margin: 0;
	padding: 3px 10px 0 10px !important;
	font: bold 7.5pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
}
.heading_green {
	display: block;
	float: left;
	height: 17px;
	background: #8cb811;
	margin: 0;
	padding: 3px 10px 0 10px !important;
	font: bold 8.5pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}
.heading_light_gray {
	display: block;
	float: left;
	height: 17px;
	background: #e0e2e5;
	margin: 0;
	padding: 3px 10px 0 10px !important;
	font: bold 8.5pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #1a1b1c !important;
	text-decoration: none !important;
	
}
.heading_dark_gray {
	display: block;
	float: left;
	height: 17px;
	background: #5b5b5b;
	margin: 0;
	padding: 3px 10px 0 10px !important;
	font: bold 8.5pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}
.heading_big_blue {
	display: block;
	height: 20px;
	background: #76a0b4;
	margin: 0;
	padding: 12px 0 0 10px;
	font: bold 8pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}
.heading_big_green {
	display: block;
	position: relative;
	float: left;
	height: 20px;
	background: #8cb811;
	margin: 0;
	padding: 12px 10px 0 10px;
	font: bold 10pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}
.heading_big_light_gray {
	display: block;
	position: relative;
	float: left;
	height: 20px;
	background: #e0e2e5;
	margin: 0;
	padding: 12px 10px 0 10px;
	font: bold 10pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}
.heading_big_dark_gray {
	display: block;
	position: relative;
	float: left;
	height: 20px;
	background: #5b5b5b;
	margin: 0;
	padding: 12px 10px 0 10px;
	font: bold 10pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	
}

/* End | Heading Elements */


/* Start | Button Elements */

#nav_tabs {
	display: block;
	height: 25px;
	background: transparent;
	margin: 0;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 0 1px 0;
}
.tab {
	display: block;
	float: left;
	height: 23px;
	background: #fff;
	margin: 0;
	padding: 0 6px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #dfe0df;
	font: 8.5pt/17pt tahoma, arial, helvetica, sans-serif;
	color: #8f8d8d;
	text-decoration: none;
	text-align: center;
}
.tab:hover {
	color: #1a1b1c;
}
.tab_active {
	display: block;
	float: left;
	background: #fff;
	margin: 0;
	padding: 1px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	text-decoration: none;
	border-color: #dfe0df;
}
.tab_active span {
	display: block;
	float: left;
	height: 21px;
	background: #848484;
	margin: 0;
	padding: 0 5px;
	font: 8.5pt/16pt tahoma, arial, helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.button_form_pos {
	display: block;
	float: left;
	height: 26px;
	background: #fff url('../images/form_button_pos_off.gif') repeat-x;
	margin: 0 0 0 0px;
	padding: 0 10px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #dedede;
	font: bold 8.5pt/19pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #76a0b4;
	text-decoration: none;
	text-align: center;
}
.button_form_pos:hover {
	background: #fff url('../images/form_button_pos_on.gif') repeat-x;
	border: 1px solid #648898;
	color: #fff;
}
.button_form_neg {
	display: block;
	float: left;
	height: 26px;
	background: #fff url('../images/form_button_neg_off.gif') repeat-x;
	margin: 0 10px 0 0;
	padding: 0 10px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #dedede;
	font: bold 8.5pt/19pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #76a0b4;
	text-decoration: none;
	text-align: center;
}
.button_form_neg:hover {
	background: #fff url('../images/form_button_neg_on.gif') repeat-x;
	border: 1px solid #648898;
	color: #fff;
}


/* End | Button Elements */


/* Start | Form Elements */

#form label {
	display: block;
	margin: 0;
	padding: 12px 0 4px 0;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #1a1b1c;
}
* html #form label { /* IE6 Adjustments */
	margin: 0;
	padding: 13px 0 4px 0;
}
*:first-child+html #form label { /* IE7 Adjustments */
	margin: 0;
	padding: 13px 0 4px 0;
}
#form label.inline {
	margin: 0;
	padding: 1px 0 4px 0;
}
*:first-child+html #form label.inline { /* IE7 Adjustments */
	position: relative;
	top: -10px;
	margin-bottom: -10px;
}
#form input.text {
	display: block;
	width: 100%;
	margin: 0;
	padding: 2px 9px 3px 9px;
	border: 1px solid #9e9e9e;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #1a1b1c;
}
* html #form input.text { /* IE6 Adjustments */
	position: relative;
	top: -1px;
	margin-bottom: -2px;
}
*:first-child+html #form input.text { /* IE7 Adjustments */
	position: relative;
	top: -1px;
	margin-bottom: -2px;
}
#form input.checkbox {
	display: block;
	margin: 4px 3px 3px 4px;
	padding: 0;
}
* html #form input.checkbox { /* IE6 Adjustments */
	display: block;
	margin: 0;
	padding: 0;
}
*:first-child+html #form input.checkbox { /* IE7 Adjustments */
	display: block;
	margin: 0;
	padding: 0;
}
#form textarea {
	display: block;
	margin: 0;
	padding: 1px 1px 1px 3px;
	border: 1px solid #9e9e9e;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #1a1b1c;
}
* html #form textarea { /* IE6 Adjustments */
	position: relative;
	top: -1px;
	margin: 0 0 -2px 0;
	padding: 2px;
}
*:first-child+html #form textarea { /* IE7 Adjustments */
	position: relative;
	top: -1px;
	margin: 0 0 -2px 0;
	padding: 2px;
}
#select {
	display: block;
	position: relative;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 100;
}
#select label {
	display: block !important;
	position: relative !important;
	height: 20px !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 3px 0 0 !important;
	font: normal 8.5pt/14pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #1a1b1c !important;
	white-space: nowrap !important;
}
#select .current {
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100%;
	background: #fff !important;
	margin: 0 !important;
	padding: 2px 0 3px 9px !important;
	border-top: 1px solid #9e9e9e !important;
	border-bottom: 1px solid #9e9e9e !important;
	border-left: 1px solid #9e9e9e !important;
	font: normal 8.5pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #1a1b1c !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}
#select .arrow {
	display: block !important;
	position: relative !important;
	background: #fff !important;
	width: 19px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #9e9e9e !important;
	cursor: pointer !important;
}
#select .options {
	display: none;
	position: absolute;
	overflow: visible;
	top: 19px;
	background: #fff;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
#select .options ul {
	display: block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px solid #9e9e9e !important;
	border-right: 1px solid #9e9e9e !important;
	border-left: 1px solid #9e9e9e !important;
}
#select .options li {
	display: block !important;
	position: relative !important;
	background: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #9e9e9e !important;
}
#select .options li:hover {
	background: #eee !important;
}
#select .options li a {
	display: block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 2px 9px 3px 9px !important;
	font: normal 8.5pt/10pt "lucida grande", tahoma, arial, verdana, sans-serif !important;
	color: #1a1b1c !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
#select .options li a:hover {
	text-decoration: none !important;
}

/* End | Form Elements */